*{
    margin: 0;
    padding: 0;
}
body{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    overflow: hidden;
}
.yq-wrapper .topImg{
    width: 100%;
    height: 300px;
    background: url('../img/顶部.png') no-repeat 0 0/100% auto;
}

.yq-wrapper .title{
    position: absolute;
    top: 105px;
    left: 50%;
    transform: translate(-50%);
    font-size: 36px;
    color: #5f21d3;
}



.yq-wrapper .content{
    box-sizing: border-box;
    width: 301px;
    height: 327px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 0 auto;
    padding: 55px 85px 0;
}
.yq-wrapper .content .box{
    width: 133px;
    height: 133px;
    background: url("../img/二维码.png") no-repeat 0 0 / 100% 100%;
    text-align: center;
}
.yq-wrapper .content .box .code{
    width: 100%;
    height: 24px;
    padding-top: 150px ;
    color: #495aff;
    font-size: 25px;
    margin-bottom: 21px;
}
.yq-wrapper .content .box .text{
    width: 124px;
    height: 22px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(0deg, #6a11cb 0%, #2575fc 100%);
    border-image-slice: 1;
}
.yq-wrapper .bottomImg{
    width: 100%;
    height: 350px;
    background: url('../img/底部.png') no-repeat 0 0/100% auto;
}